﻿@property_width: 150px;
@tabs_width: 550px;

.rounded_corners(@radius: 4px) {
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
  border-radius: @radius;
}

.Body
{
	background-color:white;
}

.Create
{
    padding-bottom:45px;
	#Name, #Title
	{
		width:@tabs_width - 125;
		font-weight: bold;
		font-size: 14px;
	}

	textarea
	{
		width:535px;
	}

	.TaskHeader
	{
		width:@tabs_width;
		background:#CADCE7;
		padding:0px 30px;
		padding: 10px 30px 5px;
		zoom:1;
        &:after{
            content: "."; 
            display: block; 
            height: 0; 
            font-size:0;	
            clear: both; 
            visibility:hidden;
            }
	}

	.TaskIcon
	{
		float:left;
		margin-right:15px;
	}

	.Property {
	  float: left;
	  width: @property_width;
	  margin: 5px 0;
	  margin-right: 20px;

	  &.Name
	  {
			width:@tabs_width - 105;
	  }
	}

	.Label
	{
		color:#999999;
		font-size:11px;
		padding-bottom: 3px;
	}

	.Duration input.Numeric      {width:25px}
	.Duration select  {width:40px}

	input[type="text"], input[type="password"]
	{
		width:@property_width - 12
	}

	select
	{
		width:@property_width - 72
	}

	font-size:12px;
	.Row
	{
		clear:both;
		background-color:white;
	}

	.AdditionalFieldsContainer
	{
		margin-top: 10px;
		border: solid 1px #CADCE7;
		padding: 3px 10px;
		.rounded_corners;

		.Property
		{
			.Duration input.Numeric      {width:20px}
			.Duration select  {width:25px}
            input.Numeric.Duration       {width:20px}
			select.Duration   {width:25px}
			
			width:@property_width - 10px;
			input[type="text"], input[type="password"]
			{
				width:@property_width - 22
			}

			select
			{
				width:@property_width - 82
			}
		}
	}

	a.PSelect
	{
		font-size:12px
	}
	.ui-button-text
	{
		font-size:12px!important
	}

	.Row.Description
	{
		width:500px;
		textarea
		{
			width:525px
		}
	}

	textarea
	{
		height:42px
	}
	.AdditionalFields
    {
        display: none;
    }

	.tabs .ui-tabs-panel 
	{
		width:@tabs_width!important;
		.rounded_corners(0);
		height: 250px;
		overflow-y:auto;
		padding: 0 30px;
		position:relative;
	}

	.buttonRow
	{
		background-color:white;
		float:right;
		padding-right:10px;
		padding-top:10px;

		*
		{
			margin-left:7px
		}
	}

	.tabs .ui-widget-header 
	{
		padding-left: 30px!important;
		.rounded_corners(0);
		width:@tabs_width!important;
	}

	
}

#task_tabs
{
	padding:0px;
	.rounded_corners(0);
}

.Bug, .Issue, .Risk, .Request
{
	.Row
	{
		padding-left:30px;


		width: @tabs_width!important;
		margin-right:auto;
		margin-left:auto;
	}

	.ContentContainer
	{
		width:100%;
		max-height:340px;
		overflow-y:auto;
	}
}
